@import './config-common.scss';

// 皮肤 PC 端页面配置
$--skin-page-pc-configs: (
  // 观看页背景类型
  'pc-watch-page:bg-type': 'image',
  // 观看页背景颜色
  'pc-watch-page:bg-color': '',
  // 观看页背景图
  'pc-watch-page:bg-image': './imgs/pws-pc-watch-bg.png',

  // 副屏收起字体颜色
  'pc-sub-pack-up:text-color': $--color-white,

  // 倒计时方块背景色
  'pc-count-down-square-item:bg-color': #141518,
  // 倒计时方块远点背景色
  'pc-count-down-square-item-dot:bg-color': #141518,
  // 倒计时方块数字字体色
  'pc-count-down-square-item:text-color': $--color-white,
  // 倒计时方块文案字体色
  'pc-count-down-square-item-word:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 倒计时方块边框色
  'pc-count-down-square-item:border-color': $--color-black,

  // 聊天消息底部输入框背景色
  'pc-msg-bottom-input-wrap:bg-color': map.get($--skin-basic-configs, 'sub-bg-color'),
  // 聊天消息底部输入框节点字体色
  'pc-msg-bottom-input-wrap-item:text-color': $--color-white,
  // 聊天消息底部输入框节点 hover 字体色
  'pc-msg-bottom-input-wrap-item--hover:text-color': map.get($--skin-basic-configs, 'sub-primary-color'),

  // 聊天消息输入框背景色
  'pc-msg-input:bg-color': map.get($--skin-basic-configs, 'main-bg-color'),
  // 聊天消息输入框字体色
  'pc-msg-input:text-color': map.get($--skin-basic-configs, 'main-text-color'),
  // 聊天消息输入框占位符字体色
  'pc-msg-input-placeholder:text-color': rgba(map.get($--skin-basic-configs, 'main-text-color'), 0.6),
  // 聊天消息输入框滚动条颜色
  'pc-msg-input:scrollbar-color': #d31a34,

  // 聊天消息发送按钮背景色
  'pc-msg-send-button:bg-color': map.get($--skin-basic-configs, 'sub-primary-color'),
  // 聊天消息发送按钮禁用状态下的背景色
  'pc-msg-send-button--disabled:bg-color': rgba(map.get($--skin-basic-configs, 'sub-primary-color'), 0.5),
  // 聊天消息发送按钮字体颜色
  'pc-msg-send-button:text-color': #830b0b,
  // 聊天消息发送按钮禁用状态下的字体颜色
  'pc-msg-send-button--disabled:text-color': rgba(#830b0b, 0.8),

  // 图片达到最大数量后的提示框背景色
  'pws-pc-msg-input-popper__max-image-tips:bg-color':  map.get($--skin-basic-configs, 'sub-primary-color'),
  // 图片达到最大数量后的提示框字体色
  'pws-pc-msg-input-popper__max-image-tips:text-color': #830b0b,

  // 聊天输入框设置昵称占位背景色
  'pc-set-nick-placeholder:bg-color': map.get($--skin-basic-configs, 'main-bg-color'),
  // 聊天输入框设置昵称占位字体色
  'pc-set-nick-placeholder:text-color': $--color-white,
  // 聊天输入框设置昵称占位高亮字体色
  'pc-set-nick-placeholder-highlight:text-color': map.get($--skin-basic-configs, 'main-highlight-text-color'),

  // 表情选择面板背景色
  'pc-emotion-panel:bg-color': map.get($--skin-basic-configs, 'panel-bg-color'),
  // 表情选择面板类型选择背景色
  'pc-emotion-panel-select:bg-color': map.get($--skin-basic-configs, 'sub-bg-color'),

  // 更多面板背景色
  'pc-more-panel:bg-color': map.get($--skin-basic-configs, 'panel-bg-color'),
  // 更多面板字体色
  'pc-more-panel:text-color': map.get($--skin-basic-configs, 'panel-text-color'),
  // 更多面板字体高亮色
  'pc-more-panel-text--hover:text-color': map.get($--skin-basic-configs, 'panel-highlight-text-color'),
  // 更多面板选中框背景色
  'pc-more-panel-checkbox--checked:bg-color': $--color-white,
  // 更多面板选中框图标色
  'pc-more-panel-checkbox-icon--checked:text-color': map.get($--skin-basic-configs, 'panel-bg-color'),

  // 打赏面板背景色
  'pc-donate-panel:bg-color': map.get($--skin-basic-configs, 'panel-bg-color'),
  // 打赏礼物 hover 背景色
  'pc-donate-good--hover:bg-color': rgba($--color-white, 0.1),
  // 打赏礼物 hover 边框色
  'pc-donate-good--hover:border-color': rgba($--color-white, 0.4),
  // 打赏礼物道具名称字体色
  'pc-donate-good-name:text-color': map.get($--skin-basic-configs, 'panel-text-color'),
  // 打赏礼物道具价格字体色
  'pc-donate-good-price:text-color': rgba($--color-white, 0.5),

  // 中奖记录面板背景色
  'pc-lottery-record-panel:bg-color': map.get($--skin-basic-configs, 'panel-bg-color'),
  // 中奖记录面板关闭图标字体色
  'pc-lottery-record-close:text-color': map.get($--skin-basic-configs, 'panel-text-color'),

  // 连麦描述图标字体色
  'pc-connect-mic-desc-icon:text-color': map.get($--skin-basic-configs, 'describe-text-color'),
  // 连麦描述文案字体色
  'pc-connect-mic-desc:text-color': map.get($--skin-basic-configs, 'describe-text-color'),
  // 连麦按钮背景色
  'pc-connect-mic-button:bg-color': map.get($--skin-basic-configs, 'sub-bg-color'),
  // 连麦按钮字体色
  'pc-connect-mic-button:text-color': $--color-white,
  // 连麦按钮高亮字体色
  'pc-connect-mic-button-highlight:text-color': $--color-white,
  // 连麦中图标背景图
  'pc-connect-mic-applying:icon-image': './imgs/pws-pc-connect-mic.gif',

  // 回放列表播放中按钮背景色
  'pc-playback-list-playing:bg-color': map.get($--skin-basic-configs, 'primary-color'),
);
